<template>
  <div>{{ list }}</div>
  <div>{{ betterList }}</div>
</template>

<script setup>
import { ref, reactive, computed } from "vue";
const list = reactive([1, 2, 3, 45, 6, 7, 89, 5, 100, 444])
const betterList = computed(()=>  list.filter(item=> item>=10))
setTimeout(()=>{
  list.push(200,300,400,500,600,700,800,900)
},1000)
</script>
